.login {
		width: 100%;
		height: 100%;
		overflow: hidden;

		* {
			box-sizing: border-box;
		}

		.slot-wrap {
			padding: 0 20rpx;
		}

		.content {
			position: relative;
      padding-top:267.36rpx;
			height: 100%;
				width: 100%;
        background: url("https://aliyundb.mnhes.com/image/default/4102CD8C02144382B50C846708FA4D8A-6-2.png") no-repeat center center;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;

			.footer {
				position: absolute;
				bottom: 5.4%;
				width: 100%;
				text-align: center;
				color: #FFFFFF;
			}

			.logo {
				width: 536.81rpx;
				height: 251.39rpx;
        margin:0 auto 90rpx;
			}

			&-box {
				width: 621.94rpx;

				&-form {
					height: 100%;
					width: 100%;
          .agreement{
            margin-top: 20rpx;
          }
          ::v-deep .u-form{
            .u-form-item{
              color: #fff;
              height: 95rpx!important;
              background: rgba(255, 255, 255, .1);
              border-radius: 100rpx;
              margin-bottom: 20rpx;
              .u-form-item__body{
                height: 100%;
                padding: 0!important;
                .u-form-item__body__right__content__slot{
                  height: 100%;
                }
                .u-input{ 
                  border: none;
                  padding: 0 50rpx!important;
                  .u-input__content__field-wrapper__field{
                    height: 95rpx!important;
                    color: #fff!important;
                    font-size: 32rpx!important;
                  }
                }
              }
              .u-form-item__body__right__message{
                display: none!important;
              }
            }
          }
				}
			}
		}

		::v-deep .u-button {
      width: 622rpx;
				height: 95rpx;
				background-color: #DC3C3A !important;
				border-radius: 47rpx;
				color: #fff !important;
				border-color: #DC3C3A !important;
        margin-top: 20rpx;
		}

		.arithmetic-mverify {
			width: 100%;
			position: relative;
			box-sizing: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;	
			padding: 0 45rpx !important;
      box-sizing: border-box;
		}

		.mverify-code {
			width: 100rpx;
			line-height: 35rpx*2;
			box-sizing: border-box;
			text-align: center;
			font-size: 16rpx *2;
			color: #fff;
			margin-left: 30rpx;
			border: 2rpx solid #EBEBEB;
			border-radius: 4rpx *2;
		}

		.arithmetic-num {
			flex: 1;
			height: 50%;
			text-align: center;
			font-size: 44rpx;
			color: #fff;
			font-weight: bold;
			border-left: 1px solid #fff;
		}
	}